<template>
  <view style="width:99%">
    <luyj-tree v-slot:default="{item}" :search-if="false" :props="prop" :step-reload="true" @clickItem="clickItem" :trees="tree">
    	<!-- 内容插槽 -->
    	<view>
    		<view class="content-item">
    			<view class="word">{{item.label}}</view>
    		</view>
    	</view>
    </luyj-tree>
  </view>
</template>

<script>
	import {
		findFilePath,

	} from '@/api/system/searchfile'	
  export default {
    data() {
      return {
        tree: [],
		prop: {
			label: 'label',
			id: 'id',
			children: 'children',
		},
      }
    },
	onLoad(params) {
		console.log(JSON.parse(JSON.stringify(params)).url)
	   this.FileList(JSON.parse(JSON.stringify(params)).url)
	},
    methods: {
	   // 临时文件目录
       FileList(fileurl){
		   findFilePath(encodeURIComponent(fileurl)).then(res => {
		   	console.log("临时文件目录", res.data)
            this.tree=res.data;
		   }).catch(error => {
		   	reject(error)
		   })
	   },
	   
	   // 点击当前项目
       async clickItem(item , hasChildren){		
			// if(item.leaf==false){
			// 	var fileurl=item.id
			// 	findFilePath(encodeURIComponent(fileurl)).then(res => {
			// 		item.children=res.data
			// 		console.log("111111",item);
			// 	}).catch(error => {
			// 		reject(error)
			// 	})
			// }
           console.log("111111",item);
        }
    }
  }
</script>

<style lang="scss">
  page {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #fff;
    min-height: 100%;
    height: auto;
  }
</style>
